Ember.js অ্যাপ্লিকেশন এর জন্য Sitemap তৈরি করা

Sitemap একটি XML ফাইল যা সার্চ ইঞ্জিনগুলিকে (যেমন গুগল) সাহায্য করে একটি ওয়েবসাইটের বিভিন্ন পৃষ্ঠা, ছবি, ভিডিও ইত্যাদি কিভাবে ইনডেক্স করতে হবে তা বুঝতে। Ember.js অ্যাপ্লিকেশনে Sitemap তৈরি করা সার্চ ইঞ্জিন অপটিমাইজেশনে (SEO) সহায়ক, বিশেষত single-page applications (SPA) এ, যেখানে ডাইনামিক কনটেন্ট রেন্ডার করা হয়।

এই গাইডে আমরা Ember.js অ্যাপ্লিকেশনে Sitemap কিভাবে তৈরি করতে পারি, এবং সেগুলিকে সার্চ ইঞ্জিনের জন্য কিভাবে প্রস্তুত করতে হবে তা আলোচনা করব।

1. Sitemap তৈরি করা

Ember.js অ্যাপ্লিকেশনে Sitemap তৈরি করার জন্য প্রথমে আপনাকে একটি Sitemap Generator ব্যবহার করতে হবে যা ডাইনামিকভাবে আপনার অ্যাপ্লিকেশনের পৃষ্ঠা সংগ্রহ করবে এবং একটি sitemap.xml ফাইল তৈরি করবে।

এটি করার জন্য কয়েকটি পদ্ধতি রয়েছে, যার মধ্যে সবচেয়ে জনপ্রিয় দুটি পদ্ধতি হল:

• Server-Side Rendering (SSR) ব্যবহার করে সাইটম্যাপ তৈরি করা।
• ember-cli-sitemap অ্যাডন ব্যবহার করা।

আমরা প্রথমে ember-cli-sitemap অ্যাডন ব্যবহার করার পদ্ধতিটি দেখব, কারণ এটি সহজ এবং সরাসরি Ember.js অ্যাপ্লিকেশনের জন্য উপযোগী।

2. ember-cli-sitemap অ্যাডন ইনস্টল করা

ember-cli-sitemap একটি Ember.js অ্যাডন যা আপনাকে আপনার অ্যাপ্লিকেশনের জন্য একটি sitemap.xml ফাইল তৈরি করতে সাহায্য করে।

২.১ Instaaling the Addon

এটি ইনস্টল করতে, আপনাকে নিচের কমান্ডটি চালাতে হবে:

ember install ember-cli-sitemap

এই কমান্ডটি ember-cli-sitemap অ্যাডনটি আপনার অ্যাপ্লিকেশনে ইনস্টল করবে।

3. Sitemap কনফিগারেশন

এখন আপনাকে config/environment.js ফাইলে ember-cli-sitemap এর কনফিগারেশন সেটআপ করতে হবে। এতে আপনার অ্যাপ্লিকেশনের পৃষ্ঠাগুলির জন্য সঠিক URL যুক্ত করতে হবে।

// config/environment.js
module.exports = function (environment) {
  let ENV = {
    modulePrefix: 'my-app',
    environment,
    rootURL: '/',
    locationType: 'auto',
    EmberENV: {
      FEATURES: {},
    },

    // ember-cli-sitemap configuration
    sitemap: {
      exclude: ['admin/*', 'login/*'], // যে রাউটগুলো সাইটম্যাপে অন্তর্ভুক্ত করতে চান না
      path: 'public/sitemap.xml', // সাইটম্যাপের ফাইল তৈরি হওয়ার পাথ
      changefreq: 'daily', // পেজের পরিবর্তনের ফ্রিকোয়েন্সি
      priority: 0.5, // পেজের প্রাধান্য
    },

    APP: {},
  };

  return ENV;
};

এখানে, sitemap কনফিগারেশন ব্লকটি সাইটম্যাপ তৈরি করার জন্য গুরুত্বপূর্ণ। আপনি যে পৃষ্ঠাগুলো সাইটম্যাপে অন্তর্ভুক্ত বা বাদ দিতে চান সেগুলি exclude এর মধ্যে উল্লেখ করতে পারেন, যেমন 'admin/*' বা 'login/*'। এছাড়াও, আপনি changefreq এবং priority সেট করতে পারবেন।

4. Sitemap ফাইলের তৈরি

একবার অ্যাডন ইনস্টল হয়ে গেলে এবং কনফিগারেশন করা হলে, আপনি অ্যাপ্লিকেশনটি বিল্ড করলে sitemap.xml ফাইল তৈরি হবে। এটি public/ ফোল্ডারে পাওয়া যাবে, এবং এটি আপনার অ্যাপ্লিকেশনের রুট URL অনুযায়ী সার্চ ইঞ্জিনে পাঠানো হবে।

এটি তৈরি করার জন্য, নিচের কমান্ডটি চালান:

ember build --environment=production

এটি আপনার প্রোডাকশন বিল্ড তৈরি করবে এবং সাইটম্যাপ ফাইলটি public/sitemap.xml ফোল্ডারে তৈরি হবে।

5. Sitemap Customization

ember-cli-sitemap অ্যাডনের সাথে আপনি আপনার সাইটম্যাপ কাস্টমাইজ করতে পারেন। এর মাধ্যমে আপনি কোন পৃষ্ঠাগুলো অন্তর্ভুক্ত করবেন বা বাদ দিবেন, সেইসাথে পরিবর্তনের ফ্রিকোয়েন্সি এবং প্রাধান্য সেট করতে পারেন।

৫.১ Dynamic Routes এবং Priority Adjustment

যদি আপনার অ্যাপ্লিকেশন ডাইনামিক রাউট ব্যবহার করে, তাহলে সাইটম্যাপটি কিভাবে সেগুলিকে অন্তর্ভুক্ত করবে তা কাস্টমাইজ করতে পারবেন। উদাহরণস্বরূপ, আপনি যদি আপনার ব্লগের পেজের জন্য বিভিন্ন প্রাধান্য বা পরিবর্তনের ফ্রিকোয়েন্সি সেট করতে চান, তাহলে model() বা afterModel() হুকের মাধ্যমে ডাইনামিক URL তৈরি করতে পারেন।

// app/routes/post.js
import Route from '@ember/routing/route';

export default class PostRoute extends Route {
  async model(params) {
    const post = await this.store.findRecord('post', params.post_id);
    this.set('changefreq', 'monthly');
    this.set('priority', 0.8);
    return post;
  }
}

এখানে, আমরা changefreq এবং priority কাস্টম সেট করেছি।

6. Testing the Sitemap

একবার sitemap.xml তৈরি হয়ে গেলে, আপনি এটি গুগল সার্চ কনসোলে আপলোড করতে পারেন অথবা আপনার সাইটের রুট URL-এ গিয়ে এটি পরীক্ষা করতে পারেন। উদাহরণস্বরূপ:

https://your-website.com/sitemap.xml

এটি একটি XML ফাইল থাকবে, যা সাইটের সব পেজ এবং URL তালিকা করবে। সাইটম্যাপটি সঠিকভাবে তৈরি হয়েছে কিনা তা পরীক্ষা করতে গুগল সার্চ কনসোল বা অন্য সার্চ ইঞ্জিনের টুল ব্যবহার করতে পারেন।

Ember.js অ্যাপ্লিকেশনে Sitemap তৈরি করা SEO (Search Engine Optimization) এবং অ্যাপ্লিকেশনের পৃষ্ঠাগুলির ইনডেক্সিংকে সহজ করে তোলে। ember-cli-sitemap অ্যাডনটি সাইটম্যাপ তৈরি করার একটি সহজ এবং কার্যকরী উপায় সরবরাহ করে, যেখানে আপনি সহজেই অ্যাপ্লিকেশনের পৃষ্ঠাগুলি তালিকাভুক্ত করতে এবং কাস্টমাইজড URL তৈরি করতে পারবেন। এর মাধ্যমে, আপনার অ্যাপ্লিকেশনটি সার্চ ইঞ্জিনের জন্য সহজে দৃশ্যমান হয়ে ওঠে এবং সার্চ র‌্যাঙ্কিং উন্নত হয়।